
<ion-header>
  <ion-navbar color="primary">
    <ion-title>活动详情</ion-title>
    <ion-buttons end>
      <button ion-button icon-left (click)="addActives()">
       <ion-icon name="add-circle"></ion-icon>发起活动
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content 
          pullingIcon="arrow-dropdown"
          pullingText="下拉刷新"
          refreshingSpinner="circles"
          refreshingText="下拉刷新...">
        </ion-refresher-content>
      </ion-refresher>
      <ion-list>
        <ion-item-sliding #slidingItem *ngFor="let actives of actives"> 
          <ion-item  *ngIf="actives.status==='done'" [ngClass]="{'actives_done': actives.status === 'done'}">
            {{actives.title }}
            </ion-item>
          <ion-item  *ngIf="actives.status==='open'&&flag" [ngClass]="{'actives_done': actives.status === 'done'}">
            {{actives.title }}
            </ion-item>
            <ion-item-options *ngIf="flag" side="right" (ionSwipe)="removeActives(slidingItem,actives)">
              <button ion-button icon-only colro="secondary" (click)="markAsDone(slidingItem,actives)">
                <ion-icon name="checkmark"></ion-icon>
              </button>
              <button *ngIf="flag" ion-button icon-only expandable color="danger" (click)="removeActives(slidingItem,actives)">
                <ion-icon name="trash"></ion-icon>
              </button>
            </ion-item-options>
        </ion-item-sliding> 
      </ion-list>
      <p>
        *发起活动后，请耐心等待审核哦,审核完成后您的活动名上面会覆盖一条横线表示已审核
      </p>
</ion-content>
